<?php include 'conexionbd/conexion.php'; ?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Conexi&oacute;n</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href='css/estiloprincipal.css ' rel='stylesheet'>
    <link rel="shortcut icon" href="img/user1_monitor.ico"/>
        <script type="text/javascript">
            function validarForm(formulario){
                
                if(formulario.usuario.value.length==0){
                    
                    formulario.usuario.focus();
                    alert('No has escrito usuario');
                    return false;
//                    var filter = /^[A-Za-z][A-Za-z0-9_]*@[A-Za-z0-9_]+\.[A-Za-z0-9_.]+[A-za-z]$/;
//                    if(!filter.test(formulario.usuario)){
//                    formulario.usuario.focus();
//                    alert('E-mail incorrecto');
//                    return false;
//                } 
                }else if(formulario.password.value.length==0){
                    formulario.password.focus();
                    alert('No has escrito tu clave de acceso');
                    return false;
                } 
                return true;
            }
                       
        </script>
    <link href="css/bootstrap-responsive.css" rel="stylesheet">
  </head>

  <body>
        <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
            <a class="brand" href="#">Conexi&oacute;n</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li><a href="principal.php">Inicio</a></li>
              <li><a href="historia.php">Quienes somos</a></li>
              <li><a href="misionVision.php">Mision y Vision</a></li>
              <li><a href="productos.php">Productos</a></li>
            </ul>
              
            <form class="navbar-form pull-right" name="form1" method="POST" action="checklogin.php" onsubmit="return validarForm(this);">
               <table cellspacing="0">
              <tbody>
                  <tr>
                      <td><input class="span2" type="text" name="usuario" required="" placeholder="Usuario"> </td>
                      <td><input class="span2" type="password" name="password" required="" placeholder="contrase&ntilde;a"></td>
                       <td><button type="submit" class="btn btn-primary">Iniciar sesi&oacute;n</button></td>
                  <tr>
                      <td></td>
                      <td><a href="">Recuperar contraseña</a></td>
                  </tr>
               </tbody>
              </table>
            </form>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container-fluid">
      <div class="row-fluid">
          <div class="span1"></div>
        <div class="span9">
          <div class="hero-unit">
            <h3>Productos disponibles</h3>
            <form  method="POST" class="form-search" action="productos.php">
                <input type="text" name="buscar" class="input-medium search-query">
                  <button type="submit" class="btn btn-primary">Buscar producto </button>
                </form>
            <?php 
            $listaprod = mysql_query("SELECT * FROM productos WHERE estado = 'activo'", $enlace) ;
            if (isset($_POST['buscar'])) {
                $listaprod = mysql_query("SELECT * FROM productos WHERE nombre like '%".$_POST['buscar']."%' OR descripcion like '%".$_POST['buscar']."%'", $enlace);
            }
            while ($row = mysql_fetch_array($listaprod)) {
                $nombre = $row['nombre'];
                $descripcion = $row['descripcion'];
                $precio = $row['precio_unitario'];
                $cantidad = $row['existencia'];
                $imagen = $row['imagen'];
            
            ?>
            <?php echo $descripcion ?>
            <table border="1" class="table table-bordered">
                <tbody>
                    <tr>
                        <td rowspan="2"><img src="admin/servicios/productos/<?php echo $imagen?>" width="100" height="70" alt=""/>
                            </td>
                        <td><?php echo $nombre;?></td>
                    </tr>
                    <tr>
                        <td><?php echo "<strong>Cantidad:</strong> <small>$cantidad</snall>"." "?><?php echo "<strong>Precio:</strong> $$precio"?>
                            </td>
                    </tr>
                </tbody>
            </table>
            <div class="alert-info"> 
                <p class="text-right"><?php echo $cantidad ." "."items disponibles" ?></p>
            </div>
            <hr>
            <?php }?>
          </div>
        </div><!--/span-->
      </div><!--/row-->
      <hr>
      <footer>
        <center><p>&copy; Conexi&oacute;n 2013</p></center>
      </footer>
    </div><!--/.fluid-container-->
    <script src="../assets/js/jquery.js"></script>
  </body>
</html>
